<template>
	<view>
		<!-- ====== banner start ====== -->
		<view class="overflow">
			<u-swiper :list="list" :border-radius="borderRadius"></u-swiper>
		</view>
		<!-- ====== banner end ====== -->
	</view>
</template>

<script>
	
	export default {
		name:"banner",
		props: {
			list:{
				type:Array,
				default:[]
			},
			borderRadius:{
				type:[Number,String],
				default:0
			}
			
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped>
/* ====== banner start ====== */
	
	/deep/ uni-swiper {
		height: 200px !important;
	}
	
	/deep/ .u-swiper-indicator {
		bottom: 10px !important;
		/* border-radius: 10px; */
		overflow: hidden;
	}
	
	/deep/ .u-indicator-item-round {
		width: 6px;
		height: 6px;
		background-color: #fff;
	}
	
	/deep/ .u-indicator-item-round-active {
		width: 12px;
	}
	
	/* ====== banner end ====== */
</style>